{% load i18n %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" type="text/css" href="/static/css/global.css" />
	<title>{% if pageTitle %}{{ pageTitle }} - {% endif %}{{ siteName }}</title>
    <link href='http://{{ siteHostname }}/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
    <meta name="keywords" content="loop,repeat,YouTube,video,channel,playlist">
    <meta name="description" content="loop,repeat,YouTube,video,channel,playlist">
    <!--<meta name="verify-v1" content="loop,repeat,YouTube,video,channel,playlist">-->
	<meta name="verify-v1" content="CQEEPIxqB43g1nuwVrnJ6so/f+W3Er5TiTPIo99f6zU=" />
	<script type="text/javascript" src="/static/js/jquery-1.2.6.pack.js"></script>
	<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
	<script type="text/javascript" src="/static/js/jquery.clipboard.pack.js"></script>
	<script type="text/javascript" src="/static/js/swfobject.js"></script>
	<script type="text/javascript" src="/static/js/common.js"></script>
	<script type="text/javascript" src="/jsi18n"></script>
	{% if firebugEnabled %}
    <script type='text/javascript' src='/static/js/firebug-lite-compressed.js'></script>
   	{% endif %}   
    {% if False %}
 	<script type="text/javascript">
<!--
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
-->
	</script>	
	{% endif %}
</head>

<body class="main">

<div id="masthead">

	<h1>
		<a href="/">
		{{ siteName }}
		<span class="tooltip">
			{% trans "Loop / Repeat / Automatically replay YouTube videos!" %}
		</span>
		</a>
	</h1>

	{% if False %}
	<div id="mastheadBox">
		<h2>User-centric ROI</h2>
		<p>Objectively aggregate robust e-services for compelling scenarios. Collaboratively initiate reliable meta-services through interdependent opportunities! <a href="#">Read more...</a></p>
	</div>
	{% endif %}
	<div id="mastheadBox">
		<input type="input" value="{{ searchQuery }}" size="30" class="searchInput" id="searchYouTube" onkeypress="javascript:if (onEnter(event)) searchYouTube();"/>
		<input type="button" class="searchButton" onclick="javascript:searchYouTube();"
			value="{% trans "Search YouTube" %}"/>
	</div>
	<script type="text/javascript">
<!--
function searchYouTube()
{
	document.location.href='/search/?q='+escape($('#searchYouTube').attr('value'));
}
-->
	</script>
</div>

<ul id="nav">
	<li class="menu sfHover"><a href="/">{% trans "Home Page" %}</a>
		<ul>
			<li><a href="/topvideos">{% trans "Top Videos" %}</a></li>
			<li><a href="/recentvideos">{% trans "Recently Looped Videos" %}</a></li>
		</ul>
	</li>
	{% for item in siteMenuItems %}
		{% if item.subMenuItems %}
			<li class="menu sfHover"><a href="{{ item.url }}">{{ item.name }}</a>
				<ul>
				{% for subitem in item.subMenuItems %}
					<li><a href="{{ subitem.url }}">{{ subitem.name }}</a></li>
				{% endfor %}
				</ul>
			</li>
		{% else %}
			<li><a href="{{ item.url }}">{{ item.name }}</a></a>
		{% endif %}
	{% endfor %}
	<li><a href="http://www.youtube.com" target="_blank">{% trans "YouTube" %}</a></li>
	<li><a href="http://looptube.blogspot.com" target="_blank">{% trans "Dev Blog" %}</a></li>
</ul>

<ul id="breadCrumbs">
{% for item in breadcrumbs %}
	<li>{% if item.url %}<a href="{{ item.url }}">{% endif %}{{ item.name }}{% if item.url %}</a>{% endif %}</li>
{% endfor %}
	<li>{{ pageTitle }}</li>
</ul>

<!-- Begin Main Column -->

<div class="mainContent">

{% ifequal pageTitle '' %}
{% include "index-movieinput.html" %}
{% else %}
<h2>{% block pageTitle %}{{ pageTitle }}{% endblock %}</h2>
{% endifequal %}
	
{% block pageContent %}

{% endblock pageContent %}
	
</div>

<!-- Begin Side Column -->

<div class="secondaryContent">

{% include "sidebar/loginbox.html" %}

{% include "sidebar/devblognews.html" %}

{% if actionSidebar %}
{% include actionSidebar %}
{% endif %}

	<div id="highlightVideos">
	</div>

{% if user %}
{% include "sidebar/userrecentloopedvideos.html" %}
{% endif %}

{% if pageTitle %}
{% include "sidebar/movieinput.html" %}
{% endif %}

{% include "sidebar/quicklink.html" %}

{% for sidebar in sidebars %}
	<div class="secondaryContentBox">
	
		<h2>{{ sidebar.title }}</h2>
	
		{{ sidebar.content }}

	</div>
{% endfor %}

{% for blockquote in blockquotes %}
	<blockquote>
		{{ blockquote.content }}
	</blockquote>
	<p class="source">{{ blockquote.source }}</p>
{% endfor %}

{% include "sidebar/setlang.html" %}

</div>

<!-- Begin Footer -->

<ul id="footer">
	<li>&copy; 2008 {{ siteName }}.</li>
	<li><a href="http://looptube.blogspot.com">{% trans "Dev Blog" %}</a></li>
	<li><a href="mailto:looptube@gmail.com">{% trans "Contact Us" %}</a></li>
	<li><a href="#">{% trans "Privacy Policy" %}</a></li>
	<li><a href="#">{% trans "Terms of Service" %}</a></li>
	<li><a href="http://www.gorotron.com">CSS template</a> from <a href="http://www.gorotron.com">gorotron</a>.</li>
</ul>

<!-- google analytics code begin -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-6182347-1");
pageTracker._trackPageview();
</script>
<!-- google analytics code end -->

<script type="text/javascript">
function loadHighlightVideosSidebar() {
	var highlightVideos = $.cookie('highlightVideos');
	if (highlightVideos) {
		$('#highlightVideos').html('<div align="center"><img src="/static/images/ajax-loader-big.gif"/></div>');
		$('#highlightVideos').load('http://{{ siteHostname}}/widget/highlight?videos='+highlightVideos);
	} else {
		$('#highlightVideos').html('');
	}
}

$(function(){
	loadHighlightVideosSidebar();
});
</script>

</body>
</html>
